<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQHT.addclass</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("button").click(function () {
				$("p:first").addClass("intro")

			})

		})


	</script>
	<style type="text/css">
		.intro
		{
			font-size: 200%;
			color: red;
		}

	</style>
</head>
<body>
<h1>This is a  heading </h1>
<p>这是一个段落</p>
<p>这是另一个段落.</p>
<button>向第一个元素p添加一个类</button>

</body>
</html>